* {
  padding: 0;
  margin: 0;
}
:root {
  --header-height: 35px;
  --content-padding: 5px;
  --content-animation-time: 0.15s;
  --content-animation-time-same: 0.3s;
}
body,
html {
  // background: rgba(0, 0, 0, 0.041);
  width: 100%;
  height: 100%;
  // opacity: 0;
}
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color);
  cursor: pointer;
  // border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-color);
  // border-radius: 4px;
}
::-webkit-scrollbar-track {
  background-color: var(--scrollbar-tarck-color);
  // border-radius: 4px;
}
::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-tarck-color);
  border-color: var(--scrollbar-tarck-color);
  // display: none;
}

@import "./animation.scss";
